*{margin: 0; padding: 0; list-style: none;}
a{text-decoration: none; color: #666;}
header{ position: fixed; top: 0; z-index: 100; background-color: #fff; width: 100%; height: 79px; display: flex; justify-content: space-around;}
header>.logo{width: 300px; height: 79px; /* background-color: rosybrown; */  margin-left: 50px;}
header>.logo>img{width: 79px; height: auto; float: left;}
header>.logo>span{display: block; float: left; margin-top: 50px; margin-left: 20px; font-size: 17px; color: #666;}
 
header>.yuyan>.qiu{

    display: inline-block;
    vertical-align: middle;
    font-size: 0;
    width: 16px;
    height: 16px;
    border-radius: 100%;
    -moz-border-radius: 100%;
    -webkit-border-radius: 100%;
    -o-border-radius: 100%;
    background: #ccc url('../images/language_icon_2.gif') no-repeat center center;
    background-size: cover;
    margin-right: 6px;
    position: absolute;
    top: 32px;
     

}

header>.yuyan>img{width: 30px;float: left; margin-top: 26px;}
header>.yuyan>.mn>h3{font-size: 15px;margin-top: 29px; color: #666666;  margin-left: 30px; cursor: pointer;width: 60px; }
header>.naver>a{line-height: 79px; font-size: 17px; color: #666; font-weight: bold; margin-left: 45px;}
.naver>a:hover{color:rgb(85, 84, 84);}
.yuyan>.mn:hover .tabe-qyu{ height: 300px; transition: all 0.3s;}
/* 中英文切换 */
.tabe-qyu{
    width: 100%;
    position: absolute;
    left: 0px;
    top: 79px;
    overflow: hidden;
    height: 0px;
    transition: all 0.3s linear;
    background-color: #666;
}
.zhong-texte{
    width: 800px;
    margin: 0 auto;
    
    
}
.zhong-texte>div{
    float: left;
   margin-left: 15%;  
    line-height: 300px;
    font-size: 25px;
    color: #fff;
    cursor: pointer;
}
 
@media screen and (max-width:1259px) {
    header>.naver>a{margin-left: 20px;}
}
@media screen and (max-width:1259px) {
    header{display: none;}
}
header>.naver>a:hover .Display-box{height: 375px; transition: all 0.3s linear;}
.Display-box{ width: 100%;height: 0px; overflow: hidden; transition: all 0.3s linear; background-color: #fff; position: absolute;top: 79px;left: 0; display: flex; box-sizing: border-box;}

.Display-box>.texte-yu{
    width: 60%;
    height: 379px;
/*     background-color: aqua; */
    margin-left: 9%;
 
}

.Display-box>.texte-yu>.web-text{ float: left; width: 60%; height:379px; /* background-color: rgb(13, 80, 161); */ }
.Display-box>.texte-yu>.web-text>h3{font-size: 30px; margin-top:50px !important;}
.Display-box>.texte-yu>.web-text>p{font-size: 14px; font-weight: normal; text-indent: 1rem; line-height: 30px;}
.Display-box>.texte-yu>.web-text>ul{display: flex; justify-content: space-around;}
.Display-box>.texte-yu>.web-text>ul>a{color: #666; }
.Display-box>.texte-yu>img{ margin-top: 9%; margin-left: 2%;}
.Display-box>.texte-wen{ position: relative; width: 40%; height: 375px; background-color:rgb(13, 80, 161);  overflow: hidden;  }
 .texte-wen>.xie{position: absolute; top: 144px; left: 38px; background-color:none;}
.texte-wen>.xie>span{display: block;  background-color:none; color: #fff; line-height: 40px; margin-left: 10px;}
.texte-wen>.xie>span:hover{color: #f40;}
@media screen and (max-width:1507px) {
    .Display-box>.texte-wen{
        width: 60%;
    }
    .Display-box>.texte-yu{
        width: 40%;
    }
    .Display-box>.texte-yu>img{
         display: none;
    }
} 


.lianie{
 line-height: 50px;
 width: 460px;
    margin-top: 10px;
}
.lianie>span{
   
    color: rgb(54, 52, 52);
    font-size: 17px;
    font-weight:normal;
    margin-right: 80px;
}
.lianie>span:hover{color:#f40;}

.pnoter{
    display: none;
}
@media screen and (max-width:1259px) {
    header{display: none;}
    .pnoter{display: block; width: 100%; height: 84px; background-color: #fff; position: fixed; top: 0; z-index: 10;}
    .pnoter>.logo{width: 300px; height: 84px; float: left; }
    .pnoter>.logo>img{width: 80px; float: left;}
    .pnoter>.logo>p{margin-top: 45px; display: inline-block;}
    .nes-on{width: 8%; height: 84px; /* background-color: aqua; */ float: right; display: flex; justify-content: space-around; align-items: center; padding-right: 10px;}
    .nes-on>i{font-size: 25px; color: #666;  padding-right: 10px; }
    .nes-on>span{font-size: 20px; }
    .Mobile-list{width: 100%; height: 0; transition: all 0.3s linear; overflow: hidden; background-color:rgb(0, 161,233); position: fixed; top: 79px; left: 0;}
    .Mobile-list>ul>li{ height: 55px; border-bottom: 1px solid #666; display: flex; align-items: center;  justify-content: space-between;  padding: 0 20px}
    .Mobile-list>ul>li>a{color: #fff; font-size: 15px;}
    .Mobile-list>ul>li>i{color: #ffff;}
    .icon-fork{display: none;}
    /* 语言 */
    .language{ position: fixed; left: 0; top: 60px; overflow: hidden; width: 100%; height: 0px; transition:all 0.3s linear;  background:rgb(246, 246, 246);}
    .language>ul>li{ height: 55px; border-bottom: 1px solid #666; display: flex; align-items: center;  justify-content: space-between;  padding: 0 20px}
    .language>ul>li>a{color: rgb(32, 31, 31); font-size: 15px;}
    .language>ul>li>i{color: rgb(44, 43, 43);}
}

@media screen and (max-width:320px) {
.pnoter>.logo>p{
 display: none;
}
.pnoter>.logo{
    width: 20%;
}
.nes-on>i{padding-right: 30px; }
}